<!DOCTYPE html>
<html>
<head>
<title>区域管理</title>
#parse("sys/header.html")
	<style>

	    .flex-container {
          display: -webkit-flex;
          display: flex;  
        }
		.zterrrec {
			background-color: aliceblue;
			padding-top: 10px !important;
		}

		.grid-top {

		}

		.search-span {
			position: absolute !important;
			padding-left: 120px;
			padding-top: 10px;
			color: #337ab7;
		}

		.leftBox {
			
			display: block;
			background-color: aliceblue;
			border-color: white;
			border-right-width: 15px;
			border-style: solid;
			
			overflow: auto;
		}

		.leftBox #clickCreenButton {
			float: right;
			padding-left: 10px;
			padding-top: 3px;
			color: #337ab7;
		}

		.leftBox #clickCreenButton:hover {
			font-size: 18px;
			color: #23527c;
		}

		.pop {
			left: -2200px;
			top: 0px;
			position: absolute;
			width: 100%;
			height: 610px;
			z-index: 101;
			background-color: rgba(0, 0, 0, 0.5);

		}

		.pop .tanchuang_neirong {

			border: solid 1px #f7dd8c;
			background-color: #FFF;

			margin-top: 30px;

		}

		.popfooter {
			height: 50px;
			background-color: #ecf1f1;
			vertical-align: middle;

		}

		.popfooter button {
			margin-top: 8px;
			float: right;
			margin-left: 10px;
			background-color: #337ab7;
			color: #fff;
		}

		.popfooter button:hover {

			background-color: #23527c;
			color: #fff;
		}

		.popherder {
			height: 35px;
			background-color: #ecf1f1;
			margin-top: -18px;
		}

		.popherder span {
			position: absolute;
			right: 10px;
			color: #337ab7;
			padding-top: 5px;
			font-size: 18px
		}

		.popherder span:hover {
			font-size: 20px;
			color: #23527c;

		}

		.ui-jqgrid {
			position: relative;
			border: 1px solid #ddd;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin-top: 15px;
		}
	</style>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
	  <div class="row" >
		<div class="leftBox col-sm-2 " id="rigthMune">
             <span class="glyphicon glyphicon-fullscreen" id="clickCreenButton"  style="color:#337ab7" @click="clickmp">
             </span>
                <!--<div class="col-sm-2">-->
                <ul id="menuTree" class="ztree zterrrec" style="height:600px;overflow:auto">
                </ul>
                <!--</div>-->
        </div>
        <div class="leftBox col-sm-10 " id="rigthMune">
		<div class="grid-btn">
			#if($shiro.hasPermission("sysarea:save"))
			<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			#end
			#if($shiro.hasPermission("sysarea:update"))
			<a class="btn btn-primary" @click="update" ><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			<a class="btn btn-primary" @click="areamove" ><i class="fa fa-pencil-square-o"></i>&nbsp;区域迁移</a>
			#end
			#if($shiro.hasPermission("sysarea:delete"))
			<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			#end
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
	    </div>
	</div>
    </div>
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
						<div class="form-group" hidden="true">
			   	<div class="col-sm-2 control-label">父级编号</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.parentId" placeholder="父级编号" readonly="readonly"/>
			    </div>
			</div>
			<div class="form-group" >
				<div class="col-sm-2 control-label">父级名称</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="sysArea.parentName" placeholder="父级名称" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group" hidden="true">
				<div class="col-sm-2 control-label">级别</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="sysArea.level" placeholder="级别"/>
				</div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">名称</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.name" placeholder="名称"/>
			    </div>
			</div>

									<!--<div class="form-group">
			   	<div class="col-sm-2 control-label">排序</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.sort" placeholder="排序"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">区域编码</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.code" placeholder="区域编码"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">区域类型</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.type" placeholder="区域类型"/>
			    </div>
			</div>

			</div>-->
									<div class="form-group">
			   	<div class="col-sm-2 control-label">备注信息</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="sysArea.remarks" placeholder="备注信息"/>
			    </div>
			</div>
							<div class="form-group">
				<div class="col-sm-2 control-label"></div>
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
</div>
<!--部门树弹窗开始-->
<div id="windowtree" hidden="true">
	<ul id="menuTreeselect" class="ztree">
	</ul>
</div>
<!--部门树弹窗结束-->

<script src="${rc.contextPath}/js/sys/sysarea.js?_${date.systemTime}"></script>
</body>
</html>